  .app-wrapper {
    max-width: 1280px;
    margin: 0 auto;
  }
  html {
    font-weight: 200; //TODO 换成细节体后去掉
    font-size: 20px;
  }
  // 主体区域
  .main-container {
    max-width: 1076px;
    margin: 0 auto;
    transition: all .28s;
    position: relative;
  }
  .el-menu--collapse .el-menu .el-submenu {
    min-width: 180px !important;
  }

  //适配移动端
  .mobile {
    &.app-wrapper {
      width: 100%;
      max-width: inherit;
    }
    .main-container {
      max-width: inherit;
      width: 90%;
    }
    .sidebar-container {
      transition: transform .28s;
      width: 180px !important;
    }
    &.hideSidebar {
      .sidebar-container {
        transition-duration: 0.3s;
        transform: translate3d(-180px, 0, 0);
      }
    }
    .dashboard-container .page-wraper p {
      width: 92%;
      margin: 0 auto;
    }
  }
  .withoutAnimation {
    .main-container,
    .sidebar-container {
      transition: none;
    }
  }

.el-menu--vertical{
  & >.el-menu{
    .svg-icon{
      margin-right: 16px;
    }
  }
}
@media only screen and (min-width: $screen-sm) {
  #app {
    .footer-list {
      display: none;
    }
    .footer-wx {
      text-align: right;
    }
  }

}
@media only screen and (min-width: $screen-md) {
  html {
    font-size: 30px;
  }
#app {
  .footer-wx {
    text-align: right;
  }
  .dashboard-container {
    .banner-btn {
      top: -5rem;
      left: 2rem;
    }
  }
}
}
@media only screen and (min-width: $screen-lg) {
  html {
    font-size: 40px;
  }
#app {
  .footer-list {
    display: block;
  }
  .footer-wx {
    text-align: right;
  }
  .dashboard-container {
    .banner-btn {
      top: -250px;
      left: 0;
    }
  }
  .end {
    padding-top: 80px;
  }
}
}


